@charset "utf-8";
/* CSS Document */
.head {
	position: relative;
	height: 60px;
	width: 100%;
	background-color: #169ADA;
}
.head .name {
	font-size: 20px;
	color: #fff;
	line-height: 60px;
	height: 60px;
	text-align: right;
	margin-left: 20px;
	margin-right: 100px;
	overflow: hidden;
}
.head .avatar {
	border: 1px solid #D5D4D4;
	padding: 2px;
	background: #fff;
	position: absolute;
	top: 10px;
	right: 10px;
	height: 70px;
}
.head .avatar a {
	display: block;
}
.head .avatar img {
	width: 70px;
	height: 70px;
}
.head .tip {
	padding: 10px 100px 0px 0px;
	text-align: right;
	height: 15px;
	overflow: hidden;
}
.saleMain {
	position: relative;
	width: 94%;
	margin: 0 3%;
	margin-top: 40px;
}
.saleMain .saleItem {
	padding-top: 13px;
	display: table;
	width: 100%;
	border-top: #eaeae8 solid 1px;
}
.saleMain .saleItem:first-child {
	border-top: none;
}
.saleMain .saleItem .avatar {
	float: left;
	width: 16%;
	margin-right: 4px;
}
.saleMain .saleItem .avatar img {
	border-radius: 1px;
}
.saleMain .saleItem .avatar .follow {
	width: 90%;
	height: 30px;
	background: url(images/follow.png) no-repeat 50%;
	background-size: 100%;
}
.saleMain .saleInfo {
	float: left;
	width: 82%;
	margin-bottom: 12px;
}
.saleMain .saleInfo .nickname {
	color: #576B95;
	font-weight: bold;
	font-size: 15px;
	position: relative;
}
.saleMain .saleInfo .nickname .sellerLevel {
	float: left;
	width: 28px;
	height: 15px;
	margin-top: 2px;
	margin-right: 4px;
	background-image: url(images/sellerLevels.png);
	background-size: 28px auto;
	background-repeat: no-repeat;
}
.saleMain .saleInfo .nickname .saleAttr {
	position: absolute;
	top: 0px;
	right: 0px;
}
.saleMain .saleInfo .nickname .saleAttr .cert {
	display: block;
	background-image: url(images/saleCert.png);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 17px;
	width: 17px;
	float: left;
}
.saleMain .saleInfo .nickname .saleAttr .recommend {
	display: block;
	background-image: url(images/recommend.png);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 17px;
	width: 41px;
	margin-left: 10px;
	float: right;
}
.saleMain .saleInfo .nickname .sellerLevel.lv1 {
	background-position: 0px 0px;
}
.saleMain .saleInfo .nickname .sellerLevel.lv2 {
	background-position: 0px -15px;
}
.saleMain .saleInfo .nickname .sellerLevel.lv3 {
	background-position: 0px -30px;
}
.saleMain .saleInfo .nickname .sellerLevel.lv4 {
	background-position: 0px -45px;
}
.saleMain .saleInfo .nickname .sellerLevel.lv5 {
	background-position: 0px -60px;
}
.saleMain .saleInfo .nickname .sellerLevel.lv6 {
	background-position: 0px -75px;
}
.saleMain .saleInfo .nickname .sellerLevel.lv7 {
	background-position: 0px -90px;
}
.saleMain .saleInfo .nickname .sellerLevel.lv8 {
	background-position: 0px -105px;
}
.saleMain .saleInfo .nickname .sellerLevel.lv9 {
	background-position: 0px -130px;
}
.saleMain .saleInfo .nickname .sellerLevel.lv10 {
	background-position: 0px -145px;
}
.saleMain .saleInfo .nickname a,  .saleMain .saleInfo .nickname a:visited {
	color: #576B95;
	text-decoration: none;
}
.saleMain .saleInfo .desc {
	line-height: 20px;
	word-break: break-all;
	margin: 8px 0 5px 0px;
	font-size: 15px
}
.saleMain .saleInfo .imgList {
	width: 100%;
	display: table;
}
.saleMain .saleInfo .imgList div {
	float: left;
	width: 80px;
	height: 80px;
	margin: 1px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.saleMain .saleInfo .imgList div.clickImg {
	opacity: 0.5;
}
.saleMain .saleInfo .createTime,  .saleMain .saleInfo .stateInfo {
	width: 100%;
	height: 26px;
	line-height: 26px;
	padding: 6px 0 2px 0;
}
.saleMain .saleInfo .stateInfo.hide {
	display: none;
}
.saleMain .saleInfo .createTime .enableReturn {
	vertical-align: middle;
	margin: -2px 0px 0 0;
	height: 16px;
}
.saleMain .saleInfo .createTime .freePost {
	vertical-align: middle;
	margin: -2px 0px 0 0;
	height: 16px;
}
.saleMain .saleInfo .createTime .hasBzj {
	vertical-align: middle;
	margin: -2px 0px 0 0;
	height: 16px;
}
.saleMain .saleInfo .createTime .saleDel,  .saleMain .saleInfo .createTime .saleToggle {
	margin-left: 5px;
	color: #60729A;
}
.saleMain .saleInfo .shareIt,  .saleMain .saleInfo .likeIt,  .saleMain .saleInfo .popularity {
	background-image: url(images/liked.png?t=1);
	background-position: right 50%;
	background-repeat: no-repeat;
	width: auto;
	height: 26px;
	float: right;
	background-size: 16px;
	padding: 0 22px 0 10px;
	line-height: 26px;
	font-size: 13px;
	color: #999;
	text-indent: 0px;
}
.saleMain .saleInfo .shareIt {
	font-size: 13px;
	background-size: 13px;
	padding-right: 15px;
	color: #999;
}
.saleMain .saleInfo .likeIt.liked {
	background-image: url(images/like.png?t=1);
}
.saleMain .saleInfo .shareIt {
	background-image: url(images/shareIcon.png);
}
.saleMain .saleInfo .popularity {
	background-image: url(images/popularity.png);
	padding-left: 0px;
}
.saleMain .saleInfo .likeBox {
	background-color: #f6f6f6;
	position: relative;
	padding: 6px 0 0 0;
	text-align: center;
	margin-top: 6px;
	display: table;
	width: 100%;
	max-height: 57px;
}
.saleMain .saleInfo .likeBox:after {
	content: '';
	position: absolute;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F0F1F2 rgba(0, 0, 0, 0);
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
	top: -12px;
	left: 8px;
}
.saleMain .saleInfo .likeBox .likeRow {
	float: left;
	overflow: hidden;
	height: 25.9px;
	margin-bottom: 5px;
	margin-left: 5px;
	clear: both;
}
.saleMain .saleInfo .likeBox .likeAvatar,  .saleMain .saleInfo .likeBox .getMoreLike {
	height: 25.9px;
	width: 25.9px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	float: left;
	border-radius: 1px;
	margin: 0 0 5px 5px;
}
.saleMain .saleInfo .likeBox .likeRow .likeAvatar,  .saleMain .saleInfo .likeBox .getMoreLike {
	margin-bottom: 0;
}
.saleMain .saleInfo .likeBox .likeRow .likeAvatar:first-child {
	margin-left: 0;
}
.saleMain .saleInfo .likeBox .getMoreLike {
	margin: 0 0 5px 5px;
	border: 1px solid #9a9da5;
	color: #9a9da5;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	opacity: 0.8;
}
.saleMain .saleInfo .likeBox .getMoreLike:empty {
	background: url(images/up.png) no-repeat 50%;
	background-size: 50%;
}
.saleMain .saleInfo .tmpLikeBox {
	display: none;
}
.saleMain .saleInfo .stateInfo .state {
	position: relative;
	float: left;
	background-color: #780018;
	color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
}
.saleMain .saleInfo .stateInfo .state.end {
	background-color: #CCC;
	color: #FFF;
}
.saleMain .saleInfo .stateInfo .state i {
	position: absolute;
	right: -8px;
	color: #780018;
	font-size: 26px;
	line-height: 26px;
	z-index: -1;
}
.saleMain .saleInfo .stateInfo .endTime {
	float: right;
}
.saleMain .saleInfo .stateInfo .endTime em {
	color: #780018;
	font-size: 16px;
	padding: 0 2px;
}
.saleMain .saleInfo .countdownTip {
	clear: both;
	float: right;
	height: 16px;
	line-height: 16px;
	padding-left: 16px;
	background: url(images/attentionRed.png) no-repeat 0 50%;
	background-size: 14px;
	display: none;
}
.saleMain .saleInfo .bidBtns {
	width: 100%;
	display: table;
}
.saleMain .saleInfo .bidBtns .price {
	display: none;
}
.saleMain .saleInfo .bidBtns .bidBtn,  .saleMain .saleInfo .bidBtns .shareBtnLayer div,  .saleMain .saleInfo .bidBtns .saleOpenBtn,  .saleMain .saleInfo .bidBtns .saleEndBtn {
	width: 100%;
	height: 40px;
	color: #fff;
	border-radius: 2px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	margin-top: 6px;
	background-color: #06BC07;
}
.saleMain .saleInfo .bidBtns .bidBtn.hide {
	display: none;
}
.saleMain .saleInfo .bidBtns .saleOpenBtn {
	background-color: #1ab6ef;
}
.saleMain .saleInfo .bidBtns .saleOpenBtn em {
	padding: 0 5px;
}
.saleMain .saleInfo .bidBtns .saleEndBtn {
	background-color: #ccc;
}
.saleMain .saleInfo .bidBtns .updateBid {
	position: relative;
}
.saleMain .saleInfo .bidBtns .updateBid.hide {
	display: none;
}
.saleMain .saleInfo .bidBtns .shareBtnLayer {
	display: table;
	width: 100%;
}
.saleMain .saleInfo .bidBtns .shareBtnLayer div {
	background-color: #1ab6ef;
	width: 49%;
	float: left;
}
.saleMain .saleInfo .bidBtns .shareBtnLayer .sendMultiMsgBtn {
	float: right;
}
.saleMain .saleInfo .bidBtns .updateBid button {
	position: absolute;
	left: -53px;
	color: #0067BD;
	top: -40px;
	height: 40px;
	width: 50px;
	text-align: center;
	border: none;
	background: none;
	outline: none;
	padding: 0;
	margin: 0;
}
.saleMain .saleInfo .bidBtns .updateBid i {
	color: #999;
	font-size: 12px;
	display: block
}
.saleMain .saleInfo .bidList {
	background: #F0F1F2;
	width: 99.6%;
}
.saleMain .saleInfo .bidList .ddli {
	border-bottom: 1px solid #eaeae8;
	width: 96%;
	margin: 0 2%;
	padding: 7px 0px;
	height: 50px;
	overflow: hidden;
}
.saleMain .saleInfo .bidList .ddli:first-child {
	margin-top: 8px;
}
.saleMain .saleInfo .bidList .ddli:last-child {
	margin-bottom: 2px;
	border-bottom: none;
}
.saleMain .saleInfo .bidList .ddli .state {
	float: right;
	text-align: right;
}
.saleMain .saleInfo .bidList .ddli .state .bidTime {
	color: #737373;
	float: right;
	width: 120px;
	margin: 36px 0px 0px -20px;
	position: absolute;
	height: 18px;
	line-height: 18px;
}
.saleMain .saleInfo .bidList .ddli .state .bidState {
	width: 100px;
	float: right;
	border-radius: 3px;
}
.saleMain .saleInfo .bidList .ddli .state .bidState span {
	display: block;
}
.saleMain .saleInfo .bidList .ddli .state .bidState .bidOut {
	width: 100px;
	height: 30px;
	background-image: url(images/out.png?t=1);
	background-position: right center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	margin-top: -2px;
}
.saleMain .saleInfo .bidList .ddli .state .bidState .bidLeader {
	width: 100px;
	height: 33px;
	background-image: url(images/leader.png?t=1);
	background-position: right center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	margin-top: -2px;
}
.saleMain .saleInfo .bidList .ddli .state .bidState .bidDeal {
	width: 100px;
	height: 38px;
	background-image: url(images/deal.png?t=1);
	background-position: right center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	margin-top: -2px;
}
.saleMain .saleInfo .bidList .ddli .avatar {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 7px;
	position: relative;
}
.saleMain .saleInfo .bidList .ddli .avatar img {
	width: 50px;
	height: 50px;
	border: none;
}
.saleMain .saleInfo .bidList .ddli .avatar .buyerLevels {
	position: absolute;
	width: 50px;
	height: 13px;
	bottom: 0px;
	left: 0px;
	background-image: url(images/buyerLevels.png?t=4);
	background-size: 50px auto;
	background-repeat: no-repeat;
}
.saleMain .saleInfo .bidList .ddli .avatar .buyerLevels.lv1 {
	background-position: 0px 0px;
}
.saleMain .saleInfo .bidList .ddli .avatar .buyerLevels.lv2 {
	background-position: 0px -13px;
}
.saleMain .saleInfo .bidList .ddli .avatar .buyerLevels.lv3 {
	background-position: 0px -26px;
}
.saleMain .saleInfo .bidList .ddli .avatar .buyerLevels.lv4 {
	background-position: 0px -39px;
}
.saleMain .saleInfo .bidList .ddli .avatar .buyerLevels.lv5 {
	background-position: 0px -52px;
}
.saleMain .saleInfo .bidList .ddli .avatar .buyerLevels.lv6 {
	background-position: 0px -65px;
}
.saleMain .saleInfo .bidList .ddli .avatar .buyerLevels.lv7 {
	background-position: 0px -78px;
}
.saleMain .saleInfo .bidList .ddli .avatar .buyerLevels.lv8 {
	background-position: 0px -91px;
}
.saleMain .saleInfo .bidList .ddli .avatar .buyerLevels.lv9 {
	background-position: 0px -104px;
}
.saleMain .saleInfo .bidList .ddli .avatar .buyerLevels.lv10 {
	background-position: 0px -117px;
}
.saleMain .saleInfo .bidList .ddli .bidUser {
	line-height: 25px;
	font-size: 13px;
	font-weight: bold;
	white-space: nowrap;
	color: #576B95;
	float: left;
	width: 50px;
}
.saleMain .saleInfo .bidList .ddli .bidUser .name {
	line-height: 20px;
}
.saleMain .saleInfo .bidList .ddli .bidUser .name a {
	color: #576B95;
}
.saleMain .saleInfo .bidList .ddli .bidUser .price {
	line-height: 20px;
	margin-top: 10px;
	font-size: 15px;
	color: #780018;
}
.saleMain .saleInfo .bidList .bidMore {
	text-align: center;
	height: 32px;
	line-height: 32px;
	margin-bottom: 2px;
}
.saleMain .saleInfo .moneyInfo,  .saleMain .saleInfo .moneyInfoExtend,  .saleMain .saleInfo .moneyInfoPrice {
	font-size: 12px;
	display: table;
	width: 100%;
	margin-top: 7px;
	color: #999;
}
.saleMain .saleInfo .moneyInfo div,  .saleMain .saleInfo .moneyInfoExtend div,  .saleMain .saleInfo .moneyInfoPrice div {
	float: left;
	width: 33%;
	display: -webkit-box; /* 老版本语法: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -webkit-flex; /* 新版本语法： Chrome 21+ */
	display: flex; /* 新版本语法： Opera 12.1, Firefox 22+ */
	/*水平居中*/
            /*老版本语法*/
            -webkit-box-pack: center;
	/*新版本语法*/
            -webkit-justify-content: center;
	justify-content: center;
	height: 12px;
}
 .saleMain .saleInfo .moneyInfo div:nth-child(2) {
 border: 1px solid #cfd1d4;
 border-width: 0 1px;
}
 .saleMain .saleInfo .moneyInfoExtend div:nth-child(2) {
 border: 1px solid #cfd1d4;
 border-width: 0 0 0 1px;
 width: 66%;
}
 .saleMain .saleInfo .moneyInfoPrice div:nth-child(1) {
 width: 50%;
}
 .saleMain .saleInfo .moneyInfoPrice div:nth-child(2) {
 border: 1px solid #cfd1d4;
 border-width: 0 0 0 1px;
 width: 50%;
 box-sizing: border-box;
}
.saleMain .saleInfo .moneyInfo div span,  .saleMain .saleInfo .moneyInfoExtend div span,  .saleMain .saleInfo .moneyInfoPrice div span {
	background-image: url(images/qi.png?t=2);
	background-repeat: no-repeat;
	background-size: 12px;
	text-indent: 15px;
	display: block;
	line-height: 12px;
}
 .saleMain .saleInfo .moneyInfo div:nth-child(2) span {
 background-image: url(images/jia.png?t=2);
}
.saleMain .saleInfo .moneyInfo div:last-child span {
	background-image: url(images/bao.png?t=2);
}
.saleMain .saleInfo .moneyInfoExtend div span.yan {
	background-image: url(images/yan.png);
}
.saleMain .saleInfo .moneyInfoExtend div span.yikoujia {
	background-image: url(images/yikoujia.png);
	background-size: 29px 12px;
	text-indent: 33px;
}
.saleMain .saleInfo .moneyInfoExtend div span.referencePrice {
	background-image: url(images/referencePrice.png);
	background-size: 29px 12px;
	text-indent: 33px;
}
.saleMain .saleInfo .moneyInfoPrice div span.referencePrice {
	background-image: url(images/referencePrice.png);
	background-size: 29px 12px;
	text-indent: 33px;
}
.saleMain .saleInfo .moneyInfoPrice div span.yikoujia {
	background-image: url(images/yikoujia.png);
	background-size: 29px 12px;
	text-indent: 33px;
}
.goShake, .shopEmpty {
	position: absolute;
	top: 85px;
	bottom: 51px;
	display: block;
	width: 100%;
	background: url(images/text.png?t=1) no-repeat 50%;
	background-size: 200px auto;
}
.shopEmpty {
	background-image: url(images/shopEmpty.png);
}
.adminMenu {
	position: fixed;
	top: 12px;
	left: 12px;
	width: 32px;
	height: 32px;
	background-image: url(images/salesearch.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}
  .friendsMain {
            width: 98%;
            margin-left: 2%;
            display: table;
        }

        .friendsMain .friend {
            position: relative;
            width: 100%;
            height: 70px;
            border-bottom: 1px solid #E9E9E9;
            display: table;
        }

        .friendsMain .friend:last-child{
            border-bottom: none;
        }

        .friendsMain .friend .avatar {
            float: left;
            width: 40px;
            height: 40px;
            margin: 15px;
            background-size: cover;
            background-position: center;
            border-radius: 40px;
        }

        .friendsMain .friend .friendDetails {
            height: 70px;
            margin: 0 105px 0 75px;
        }

        .friendsMain .friend .friendDetails .nickname {
            height: 25px;
            line-height: 25px;
            color: #0F0F0F;
            padding-top: 13px;
            font-size: 15px;
            overflow: hidden;
            position:relative;
            text-indent: 32px;
        }

        .friendsMain .friend .friendDetails .nickname .level {
            position: absolute;
            left: 0;
            width: 28px;
            margin-top: 5px;
            height: 15px;
            border-radius: 1px;
            background-size: 28px auto;
        }

        .friendsMain .friend .friendDetails .nickname .level.buyerLevel {
            background-image: url(/res/img/buyerLevelsSmall.png);
        }

        .friendsMain .friend .friendDetails .nickname .level.sellerLevel {
            background-image: url(../images/sellerLevels.png);
        }

        .friendsMain .friend .friendDetails .nickname .level.lv1 {
            background-position: 0px 0px;
        }

        .friendsMain .friend .friendDetails .nickname .level.lv2 {
            background-position: 0px -15px;
        }

        .friendsMain .friend .friendDetails .nickname .level.lv3 {
            background-position: 0px -30px;
        }

        .friendsMain .friend .friendDetails .nickname .level.lv4 {
            background-position: 0px -45px;
        }

        .friendsMain .friend .friendDetails .nickname .level.lv5 {
            background-position: 0px -60px;
        }

        .friendsMain .friend .friendDetails .nickname .level.lv6 {
            background-position: 0px -75px;
        }

        .friendsMain .friend .friendDetails .nickname .level.lv7 {
            background-position: 0px -90px;
        }

        .friendsMain .friend .friendDetails .nickname .level.lv8 {
            background-position: 0px -105px;
        }

        .friendsMain .friend .friendDetails .nickname .level.lv9 {
            background-position: 0px -130px;
        }

        .friendsMain .friend .friendDetails .nickname .level.lv10 {
            background-position: 0px -145px;
        }

        .friendsMain .friend .friendDetails .signature {
            height: 15px;
            line-height: 15px;
            font-size: 12px;
            color: #9C9C9C;
            overflow: hidden;
        }

        .friendsMain .friend .attention {
            position: absolute;
            width: 105px;
            height: 70px;
            top: 0;
            right: 0;
        }

        .friendsMain .friend .attention.noDisturb {
            width: 80px;
        }

        .friendsMain .friend .attention .status {
            width: 70px;
            height: 20px;
            line-height: 20px;
            margin-top: 25px;
            margin-right: 5px;
            background-repeat: no-repeat;
            background-size: auto 100%;
            background-position: center;
            background-image: url(../images/follow.png);
            float: left;
        }
		
		 .friendsMain .friend .attention .cancel {
            width: 70px;
            height: 20px;
            line-height: 20px;
            margin-top: 25px;
            margin-right: 5px;
            background-repeat: no-repeat;
            background-size: auto 100%;
            background-position: center;
            background-image:url(../images/cancel.png);
            float: left;
        }


        .friendsMain .friend .attention .disturb {
            width: 25px;
            height: 25px;
            padding: 24px 2px;
            float: left;
        }
	
        .friendsMain .friend .attention .disturb .icon {
            width: 20px;
            height: 20px;
            background-repeat: no-repeat;
            background-size: auto 100%;
            background-image: url(../images/disturb.png);
        }
	
        .friendsMain .friend .attention .disturb .icon.disabled {
            background-position: -21px 0;
        }

        .friendsMain .friend .attention .status.unsubscribe {
            background-image: url(../images/unfollow.png?t=4);
        }

        .friendsMain .friend .attention .status.updating {
            background-image: url(/res/img/loadingData.gif);
        }